<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        // Form reset方法不会reset hidden域
        function changeHidden() {
            document.getElementById("hidden_input").value = "show";
            alert(document.getElementById("hidden_input").value);
        }
        function resetForm() {
            document.getElementById("test_form").reset();
            alert(document.getElementById("hidden_input").value);
        }
    </script>
  </head>
  <body>
      <form id="test_form">
          <input type="text" value="123"/>
          <input type="hidden" value="hidden" id="hidden_input"/>
          <select>
              <option>1</option>
              <option>2</option>
          </select>
          <input type="button" onclick="changeHidden();" value="button"/>
          <input type="button" value="reset" onclick="resetForm();"/>
      </form>
  </body>
</html>
